﻿<script type="text/javascript">
    $(document).ready(function () {
        $(".close").click(function () {
            $(".popup").hide("slow");
        });

    });
</script>

<style type="text/css">
.popup {
width:300px;
position:absolute;
padding:8px;
border:1px solid #000;
color:#fff;
font-weight:bold;
font-size:11px;
line-height:20px;
}

.popup h3 {
margin:0;
margin-bottom:10px;
font-family: 'Cabin Condensed', sans-serif;
font-weight:normal;
font-size:20px;
}

.popup .close {

}
</style>
@if(ShivamEMR.Web.MvcApplication.MsgDetail.NeedToShow==true)
{

<div class="popup accent-bg" style="position: absolute; z-index: 3; left:30%; top:30%; ">
					<h3>@ShivamEMR.Web.MvcApplication.MsgDetail.MessageHeading <span class="close" style="float:right;margin-top:-15px;width:30px;height:30px;"><img src="../../images/close.png" /></span></h3>
					<p>@ShivamEMR.Web.MvcApplication.MsgDetail.MessageDesc</p>
					
				<a class="close">dsfsdfsd</a></div>
}
                
  @{ShivamEMR.Web.MvcApplication.MsgDetail.NeedToShow = false;}